:root {
    transition: all .3s!important;
    --blue: #0073be;
    --green: #072;
    --overflow-hover-msg: #fcdeb5;
    --topbar: #333;
    --background: #f7f7f7;
    --font: #000;
    --filter: #f0f0f0;
    --filter-font: #333;
    --filter-hover: #e8e8e8;
    --btn-favorites: #ff9c00;
    --table-hover: #fff4e8;
    --table-th: #f5f5f5;
    --table-th-font: #666;
    --usercenter-title-font: #3a3a3a;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --orange: #fd7e14;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --dark: #343a40;
    --grey-0-rgb: 255,255,255;
    --grey-1-rgb: 247,247,247;
    --grey-2-rgb: 240,240,240;
    --grey-3-rgb: 229,229,229;
    --grey-4-rgb: 217,217,217;
    --grey-5-rgb: 191,191,191;
    --grey-6-rgb: 140,140,140;
    --grey-7-rgb: 89,89,89;
    --grey-8-rgb: 38,38,38;
    --grey-9-rgb: 0,0,0
}

.dark,:root {
    --red: #ef4743;
    --btn-false: #b0b0b0
}

.dark {
    --blue: #4191ff;
    --green: #2cbb5d;
    --overflow-hover-msg: #52432c;
    --topbar: #1c1c1c;
    --background: #1c1c1c;
    --font: #b0b0b0;
    --filter: #2b2b2b;
    --filter-font: #b0b0b0;
    --filter-hover: #3d3d3d;
    --btn-favorites: #ffa119;
    --table-hover: #52432c;
    --table-th: #2b2b2b;
    --table-th-font: #b0b0b0;
    --usercenter-title-font: #b0b0b0
}